<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
		<style>
			div.hz{
				
				 width: 50%;
				 height: 65%;
				 overflow: auto;
				 margin: auto;
				 position: absolute;
				 top: 0; left: 0; bottom: 0; right: 0;
				 text-align: center;
				 
			}
			div.login-one{
				background-color: white;
				background-clip: content-box;
				margin: 0 auto;
				position: static;
				border: 3px solid #73AD21;
				height: 300px;
				width: 400px;
				line-height: 30px;
				text-align: center;
			}
			.layui-input-block{
				text-align: 5px;
			}
			.ym{
				background-color: aquamarine;
			}
			.layui-btn-container{
				
			}
			
		</style>
	</head>
	<body class="ym">
		<div class="hz">
		<h1>服装连锁店管理系统</h1>
		<div class="login-one">
			
		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
		  <ul class="layui-tab-title">
		    <li class="layui-this">用户登录</li>
		    <li>用户注册</li>
		    
		  </ul>
		  <div class="layui-tab-content" style="height: 100px;">
		    <div class="layui-tab-item layui-show">
				<div class="layui-form-item">
				    <label class="layui-form-label">账号:</label>
				    <div class="layui-input-block">
				      <input type="text" name="login_id" lay-verify="title" 
					  autocomplete="off" placeholder="请输入账号" class="layui-input">
				    </div>
				 </div>
				 <div class="layui-form-item">
				     <label class="layui-form-label">密码:</label>
				     <div class="layui-input-block">
				       <input type="password" name="login_id" lay-verify="title" 
				 	  autocomplete="off" placeholder="请输入密码" class="layui-input">
				     </div>
				  </div>
				  <div class="layui-btn-container" style="margin-top: 30px;margin-left: 40%">
				    <button type="button" class="layui-btn layui-btn-radius">登        录</button>
				  </div>
			</div>
			
		    <div class="layui-tab-item">
			<div class="layui-tab-item layui-show">
				<div class="layui-form-item">
				    <label class="layui-form-label">注册账号:</label>
				    <div class="layui-input-block">
				      <input type="text" name="login_id" lay-verify="title" 
					  autocomplete="off" placeholder="请输入要注册的账号" class="layui-input">
				    </div>
				 </div>
				 <div class="layui-form-item">
				     <label class="layui-form-label">注册密码:</label>
				     <div class="layui-input-block">
				       <input type="password" name="login_id" lay-verify="title" 
				 	  autocomplete="off" placeholder="请输入要注册的密码" class="layui-input">
				     </div>
				  </div>
				  <div class="layui-btn-container" style="margin-top: 30px;margin-left: 40%">
				    <button type="button" class="layui-btn layui-btn-radius">注册</button>
				  </div>
			</div>
			</div>
		    
		  </div>
		</div> 
	</div>
	</div>	
		<script src="layui/layui.js"></script>
		<script>
			layui.use('flow',function(){
				
				
			})
		</script>
	</body>
</html>